<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/jsp/common/common_head.jsp" %>
<!DOCTYPE HTML>
<html>
<head>
<%@ include file="/jsp/common/common_script.jsp"%>
<title>黄石物流后台管理系统</title>
</head>
<script src="${ctx}/js/member/role.js"></script>
<script type="text/javascript">
$(function(){
	
	$.extend($.fn.validatebox.defaults.rules, {  
		roleOrder: {  
	        validator: function(value, param){  
	            return new RegExp("^([0-9])+$").test(value);  
	        },  
	        message: '角色序号只能是英文和数字，请确认'  
	    },
	    roleName: {  
	        validator: function(value, param){  
	            return !(new RegExp("\\s").test(value));  
	        },  
	        message: '角色名称格式不正确，请确认'  
	    },
	    maxLength: {  
	        validator: function(value, param){  
	            return value.length <= param[0];  
	        },  
	        message: '最大{0}字，请确认 '  
	    } 
	}); 
});
</script>

<body>

<table id="roleGrid" ></table>


<div id="addRoleDlg" class="easyui-window" closed="true" title="" iconCls="icon-add" style="width:380px; height:320px;text-align:center; background: #fafafa;">
		<div class="easyui-layout" fit="true">
			<div region="center" border="false" style="background:#fff;border:1px solid #ccc;padding-left: 25px;">
				<form id="addRoleForm"  method="POST" style="width: 700px;height: 300px">
					<table border="0" class="queryTable" width="700px" height="50px" style="margin-bottom: 0px">
						<tr>
							<td class="queryTitle" width="20%"><span class="requiredTitle">*</span>会员类型</td>
							<td class="queryContent"  width="30%">
								<input type="hidden" id="roleId" name="roleId"/>
								<input type="hidden" id="submitType" />
								<input type="hidden" id="roleName" name="roleName"/>
								<select name="memberStatus" id="memberStatus" class="easyui-combobox" style="width: 120px"  required="true" panelHeight="auto" editable="false">
			                    </select>
							</td>
						
                            <td  class="queryTitle" width="20%">&nbsp;</td><td class="queryContent" width="30%">&nbsp;</td>
						</tr>
						
						
					</table>
					<table id="permissionGrid"   class="queryTable" width="700px" height="50px" style="margin-bottom: 0px;border:1px;">
					   <tr id="permissionDate" height="30px">
						<td class="queryTitle"  align="left"  style='font-size : 20px' colspan="5" ><div align="center">角色权限设置</div></td>
				       </tr>

				    </table>
				</form>
			</div>
			<div region="south" border="false" style="text-align:center;height:30px;line-height:30px;">
				<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="doPostData()">确定</a>
				<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelPostData()">取消</a>
			</div>
		</div>

</div>

</body>
</html>

